<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<c:set var="path" value="${pageContext.request.contextPath }"></c:set>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>监控数据列表</title>
    <link href="${path}/css/style.css" rel="stylesheet" type="text/css">
    <link href="${path}/common/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="${path}/common/plugins/MyDate97/skin/WdatePicker.css" rel="stylesheet" type="text/css">
    <script src="${path}/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="${path}/js/user_js.js"></script>
    <script src="${path}/js/common.js"></script>
    <script src="${path}/common/plugins/bootstrap/js/bootstrap.js"></script>
    <script src="${path}/common/plugins/MyDate97/WdatePicker.js"></script>
    <script src="${path}/common/plugins/layer/layer.js"></script>
    <script src="${path }/common/plugins/echarts3/echarts.min.js"></script>
    <style>
        body{padding:5px 10px 0 10px;position:relative;}
        .centerbtn{margin:0 auto;width:80px;}
    </style>

</head>
<body>
<input id="webPath" type="hidden" value="${path }"/>
<div class="content_condition">
    <div class="content_group">
        <div class="span3">
            <label class="control-label">日期:&nbsp;&nbsp;从</label>
            <div class="controls">
                <input id="startDate" type="text" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'#F{$dp.$D(\'endDate\',{d:-1})}'})"/>
            </div>
        </div>
        <div class="span3">
            <label class="control-label">至:</label>
            <div class="controls">
                <input id="endDate" type="text" class="Wdate" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'#F{$dp.$D(\'startDate\',{d:0})}'})"/>
            </div>
        </div>
     </div>
     <div class="content_group">
        <div class="span3">
            <label class="control-label">应用集：</label>
            <div class="controls">
            	<select id="applicationid">
            		<option value="0">请选择：</option>
            		<c:forEach var="app" items="${appList }">
            			<option value="${app.applicationid }" >${app.name }</option>
            		</c:forEach>
            	</select>
            </div>
        </div>
        <div class="span3">
            <label class="control-label">监控项：</label>
            <div class="controls">
            	<select id="itemid">
           			<option value="0">请先选择应用集</option>
            	</select>
            </div>
        </div>
    </div>
    <div class="last_group">
        <div class="centerbtn">
            <button style="" class="press_btn1"><i class="search top_current"></i>查询</button>
        </div>
    </div>
</div>
<div class="content_table">
    	<div id="dataImg" class="centerbtn" style="width:1000px;height: 250px;">
    	
    	</div>
    <table class="table table-striped table-bordered table-hover table-ellipsis details">
        <thead id="pageTitle">
		</thead>
		<tbody id="pageTable">
		</tbody>
    </table>
    <%@ include file="/common/jsp/footer_pager.jsp"%>
</div>
</body>
<script type="text/javascript" src="${path }/radar/host/js/host_monitoreddata.js"></script>
<script src="${path}/js/action_privilege.js"></script>
</html>